<template>
	<view class="" style="padding: 0 20rpx;">
		<view class="" style="margin-bottom: 20rpx;">
			<u-tabs :list="list"  lineColor='#EA5C20' ></u-tabs>
		</view>
		
		<view class="list_pic">
			<view class="" v-for="(item,index) in images" >
                <image :src="item" class="img-covor" style="border-radius: 10rpx;" lazy-load mode="aspectFill" @click="Look(index)" ></image>
			</view>
			
		</view>
	</view>
</template>

<script>
	import {
		yxSystemMerchantStore
	} from "@/api/business"
	export default {
		data() {
			return {
				list: [{
					name: '全部'
				}],
				images: []
			}
		},
		mounted() {
			this.getInfo()
		},
		methods: {
			Look(index){
				uni.previewImage({
				current: index,
				urls: this.images,
			});
			},
			
			//获取详情
			getInfo() {
				let data =this.$yroute.query
				console.log('data',this.$yroute)
				yxSystemMerchantStore(data).then(res => {
					this.images =  res.data.content[0].carouselMap ?  res.data.content[0].carouselMap.split(',') : []
				
						
					this.$forceUpdate()
				})
			},
		}
	}
</script>

<style scoped lang="less">
	.list_pic {
		width: 100%;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		view{
			position: relative;
			width: 345rpx;
			height: 345rpx;
			margin-bottom: 20rpx;
		}
	}
</style>



